<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爱拍拍</title>
    <!--背景大图-->
    <style>
        body{
            background: url("314841.jpg");
        }
    </style>
</head>
<body>
<!--<form method="post" action="http://www.baidu.com" onautocomplete="on">
    <label>请输入用户名:</label><input type="text" name="username"
placeholder="请输入用户名"required/><br/>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">按钮</button>
</form>-->
<form action="#" method="get" onautocomplete="off">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username"><br/>

    <label for="password">密码&nbsp&nbsp&nbsp:</label>
    <input type="password" id="password" name="password"><br/>

    <label for="email">邮箱&nbsp&nbsp&nbsp:</label>
    <input type="email" id="email" name="email"><br/>

    <label for="gender">性别&nbsp&nbsp&nbsp:</label>
    <input type="radio" id="gender" name="gender" value="men">男
    <input type="radio" name="gender" value="women">女
    <input type="radio" name="gender" value="other">其他<br/>

    <label for="hobby">爱好&nbsp&nbsp&nbsp:</label>
    <input type="checkbox" id="hobby" name="hobby" value="music" checked/>音乐
    <input type="checkbox"  name="hobby" value="game" >游戏<br/>

    <label for="birthday">生日&nbsp&nbsp&nbsp:</label>
    <input type="date" id="birthday" name="birthday"/> <br/>

    所在城市:<select name="city">
    <option>===请选择城市===</option>
        <optgroup label="山西省">
            <option value="ty">太原市</option>
        </optgroup>
    </select><br/>
    <label for="time">当前时间:</label>
    <input type="time" id="time" name="time"/> <br/>

    <label for="insert">注册时间:</label>
    <input type="datetime-local" id="insert" name="insert"/> <br/>

    <label for="age">年龄&nbsp&nbsp&nbsp:</label>
    <input type="number" id="age" name="age"/> <br/>

    <label for="range">心情值（1~10):</label>
    <input type="range" id="range" name="range" min="1" max="10" step="1"/> <br/>

    <label for="search">可全部清除文本:</label>
    <input type="search" id="search" name="search"/> <br/>

    <label for="tel">电话&nbsp&nbsp&nbsp:</label>
    <input type="tel" id="tel" name="tel"/> <br/>

    <label for="url">个人网站:</label>
    <input type="url" id="url" name="url"/> <br/>

    <label for="file">文件上传:</label>
    <input type="file" id="file" name="file"/> <br/>

    <label for="hidden">隐藏信息:</label>
    <input type="hidden" id="hidden" name="hidden" value="itheima"/> <br/>

    <button type="submit">提交</button>
    <button type="reset">重置</button>
</form>
</body>
</html>